<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Fixed Navigation - Codrops</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="Style/style.css" type="text/css" charset="utf-8"/>
        <script type="text/javascript" src="Js/jquery-1.3.2.js"></script>
    </head>
    <style>
        body{
            background:#fff url(images/desc.png) no-repeat 25px 50px;
            font-family:Arial;
            width: 914px;
            margin: 0 auto;
        }
        .header
        {
	width:920px;
	height:90px;
	position:absolute;
	top:0px;
	left:10%;
        }
        #contenido {
	float: right;
	width: 704px;
}
        .info{
            text-align:right;

        }
#menuLateral {
	background-color: #7393ba;
	width: 210px;
	float: left;
}
           #footer {
	width:914px;
	clear: both;
	height: auto;
}
</style>
    <body>
        <div class="header">
    <img src="images/logo3.png" width="130" height="112" /><img src="images/header2.png" width="787" height="51" /></div>
<div id="menuLatera">
        <ul id="navigation">
      <li class="home"><a href="" title="Home"></a></li>
            <li class="about"><a href="" title="About"></a></li>
            <li class="search"><a href="" title="Search"></a></li>
            <li class="photos"><a href="" title="Photos"></a></li>
            <li class="rssfeed"><a href="" title="Rss Feed"></a></li>
            <li class="podcasts"><a href="" title="Podcasts"></a></li>
            <li class="contact"><a href="" title="Contact"></a></li>
  </ul>
</div>
        <div class="info"> 
            <?php
session_start();
 
echo '<h3>Bienvenido,';
 
if (isset($_SESSION['k_username'])) {
    echo ' '.$_SESSION['k_username'].'.';
    echo '<a  href="logout.php">Logout</a>';
}
?>
</h3> </div>

        <script type="text/javascript">
            $(function() {
                $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

                $('#navigation > li').hover(
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                        $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);
                    }
                );
            });
        </script>
        
   <div id="contenido">Colocar aqu� el contenido para  id "contenido"</div>     
  <div id="footer"><img src="images/footer.png" width="996" height="79" /></div>       
    </body>
</html>